<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header th:replace="common/top"></header>
<div id="Content">
    <div id="BackLink">
        <a href="/catalog/viewmain">Return to Main Menu</a>
    </div>

    <div id="Catalog">

        <table>
            <tr>
                <th>&nbsp;</th>
                <th>Product ID</th>
                <th>Name</th>
            </tr>
                <tr th:each="product:${productList}">
                    <td>
<!--                        <a href="viewID?productId=${product.productId}">${product.description}</a>-->
                        <a th:text="@{/category/viewProduct?productId=}+${product.productId}" th:utext="${product.description}">商品描述</a>
                    </td>
                    <td><b>
<!--                        <a href="viewID?productId=${product.productId}"><font color="BLACK"> ${product.productId} </font></a>-->
                        <a th:href="@{/category/viewProduct?productId=}+${product.productId}" th:text="${product.productId}"> ${product.productId}</a>
                    </b></td>
                    <td th:text="${product.name}">${product.name}</td>
                </tr>
            <tr>
                <td></td>
            </tr>

        </table>

    </div>
</div>
<!--<footer th:replace="common/bottom"></footer>-->
</body>
</html>